<template>
  <div style="background: #fff;width:100%;height:100%;padding:24px;position:relative;">
    <div
      style="width:350px;border:1px solid #888;padding:12px 24px;border-radius: 5px;box-shadow: 2px 2px 2px #aaa;">
      <div style="font-size:20px;text-align:center;padding-bottom:24px;">欢迎登录电力通信工作票管理系统</div>
      <a-form :layout="'vertical'" :label-col="{ span: 4 }">
        <a-form-item label="用户名">
          <a-input placeholder="请输入用户名" />
        </a-form-item>
        <a-form-item label="密码">
          <a-input  placeholder="请输入密码" />
        </a-form-item>
        <a-form-item label="验证码">
          <a-input  placeholder="请输入验证码" />
        </a-form-item>
        <a-form-item>
          <a-button type="primary" block>登 录</a-button>
        </a-form-item>
      </a-form>
      <div style="position: absolute;
    top: 251px;
    left: 222px;
    letter-spacing: 2px;
    ">
        <div style="padding: 0px 8px;font-size: 24px;color: blue;display: inline-block;background: rgb(255, 209, 237);">9SAK</div>
        &nbsp;&nbsp;<a href="#">刷新</a>
      </div>
    </div>
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue'
export default defineComponent({
  name: 'login.vue'
})
</script>

<style scoped>

</style>
